<template>
    <div class="navlist">
      <h1>所有产品</h1>
      <table>
        <tr v-if="methodname == 'getAssetsFinance'">
          <th>项目编号<img src="../../../assets/img/dbx.png"></th>
          <th>转让标的名称<img src="../../../assets/img/dbx.png"></th>
          <th>标的行业<img src="../../../assets/img/dbx.png"></th>
          <th>项目地点<img src="../../../assets/img/dbx.png"></th>
          <th>挂牌价格(万元)</th>
          <th>挂牌开始日期</th>
          <th>挂牌结束日期</th>
          <th>联系人</th>
          <th>联系方式</th>
          <th>我的关注</th>
        </tr>
        <tr v-if="methodname != 'getAssetsFinance'">
          <th>项目编号<img src="../../../assets/img/dbx.png"></th>
          <th>转让标的名称<img src="../../../assets/img/dbx.png"></th>
          <th>标的行业<img src="../../../assets/img/dbx.png"></th>
          <th>项目地点<img src="../../../assets/img/dbx.png"></th>
          <th>转让价格(万元)</th>
          <th>挂牌开始日期</th>
          <th>挂牌结束日期</th>
          <th>联系人</th>
          <th>联系方式</th>
          <th>我的关注</th>
        </tr>
        <tr v-for="item of navList" v-if="methodname == 'getAssetsFinance'">
          <td>{{item.projectcode}}</td>
          <td>{{item.object.substring(0,8)}}...</td>
          <td>{{item.industrycode}}</td>
          <td>{{item.zone}}</td>
          <td>{{item.objectprice}}</td>
          <td>{{item.publishdate}}</td>
          <td>{{item.expiredate}}</td>
          <td>{{item.cbexMan}}</td>
          <td>{{item.cbexTel}}</td>
          <td><div class="hart"></div></td>
        </tr>
        <tr v-for="item of navList" v-if="methodname != 'getAssetsFinance'">
          <td>{{item.projectcode}}</td>
          <td>{{item.projectname.substring(0,8)}}...</td>
          <td>{{item.proindustry}}</td>
          <td>{{item.prozone}}</td>
          <td>{{item.prosellpriceh!=0?item.prosellpriceh:'面议'}}</td>
          <td>{{item.propubtermbegin}}</td>
          <td>{{item.propubtermend}}</td>
          <td>{{item.prospare7}}</td>
          <td>{{item.prospare8}}</td>
          <td><div class="hart"></div></td>
        </tr>
      </table>
    </div>
</template>

<script>
export default {
  name: '',
  data () {
    return {
      navList: '',
      methodname: ''
    }
  },
  created () {
    var this_ = this;
    this.bus.$on('navlist', function(content) {
      this_.navList = content.navList
      // console.log(content.navList)
      this_.methodname = this_.AssetsType.methodname
    })

  },
  beforeDestroy () {
    this.bus.$off('navlist')
  }
}
</script>

<style scoped type="text/stylus" lang="stylus">
.navlist
  width:1200px;margin:0 auto;margin-top:20px;margin-bottom:20px;
  h1
    font-size: 18px; color: #333;height:20px;line-height:20px;
  table
    width:100%;margin-top:15px;   border-top: 1px solid #C8C7C7; border-bottom: 1px solid #C8C7C7;box-shadow: 0px 3px 18px 2px rgba(75, 94, 209, 0.2);
    th
      padding:15px;background:#f8f5ee;color:#5e5e5e;cursor:pointer
      img
        margin-left:10px;margin-top:-2px;
    td
      height:70px;line-height:70px;color:#5E5E5E;border-bottom:1px solid #C8C7C7;text-align:center;
      .hart
        cursor: pointer; margin-left:25px;width: 19px;height: 18px; background: url('../../../assets/img/gz3.png')
</style>
